<template>
	<view class="container">
		<view class="container1">
			<img src="	https://cdn3.axureshop.com/demo/1992135/images/loading/u356.svg" alt="">
			<p>axlab社区团购介绍</p>
		</view>
		<ul class='ul-item'>
			<li>
				<p>平台资质</p><span>></span>
			</li>
			<li>
				<p>用户协议</p><span>></span>
			</li>
			<li>
				<p>隐私协议</p><span>></span>
			</li>
		</ul>
		<p>当前版本</p>
		<button type="warn" class="btn"  @click="Login">退出登录</button>
	</view>

</template>

<script>
	export default{
		// data(){
			
		// },
			
		methods:{
			Login(){
				// 退出登录
				// 去往未登录页面
				// this.$route('pages/mine/NotLogin/NotLoin')
			}
		}
	}
</script>

<style scoped lang="scss">
	* {
		margin: 0;
		padding: 0;
	}

	.container1 {
		margin: 60px 10px;
		text-align: center;

		>p {
			margin: 15px 0;
		}
	}

	.ul-item {
		>li {
			display: flex;
			margin: 10px 20px;
			justify-content: space-between;
			background: inherit;
			background-color: rgba(255, 255, 255, 0);
			border-bottom:1px solid rgba(247, 247, 247, 1) ;
	
		}
	}
	
	.container{
		>p{
			margin-top: 50px ;
			margin-bottom: 20px;
			text-align: center;
		}
		>button{
			margin: 0 20px;
		}
	}
	.btn{
		border-radius: 5px;
	}
</style>
